/* pages/orders/orders.wxss */
/* 地址 */
.orders .orders_area{
    padding: 35rpx 30rpx;
    box-sizing: border-box;
    border-bottom: 17rpx solid #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.orders_area .area_right{
    min-width: 15rpx;
    width: 15rpx;
    height: 28rpx;
}

.orders_area .area_left{
    display: flex;
    align-items: center;
}

.area_left .area_img{
    min-width: 34rpx;
    width: 34rpx;
    height: 41rpx;
    margin-right: 27rpx;
}

.no_area{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25rpx;
    color: #333333;
}

.area_content .area_txt{
    font-size: 25rpx;
    color: #333333;
}

.area_content .area_head{
    margin-bottom: 19rpx;
    font-size: 32rpx;
}

.area_head .area_name{
    color: #333333;
}

.area_head .area_phone{
    margin-left: 10rpx;
    color: #9A9A9A;
}

/* 商品信息 */
.commodity_info {
    padding: 20rpx 24rpx 11rpx 29rpx;
    box-sizing: border-box;
    display: flex;
}

.commodity_info .commodity_img{
    min-width: 188rpx;
    width: 188rpx;
    height: 188rpx;
    margin-right: 25rpx;
}

.commodity_content {
    flex: 1;
}

.commodity_content .commodity_title{
    font-size: 26rpx;
    color: #333333;
}

.commodity_content .commodity_money{
    line-height: 32rpx;
    color: #FF4E31;
    margin: 25rpx 0 18rpx 0;
}

.commodity_money .money_symbol{
    font-size: 21rpx;
}

.commodity_money .money_txt{
    font-size: 42rpx;
}

.commodity_money .money_decimal{
    font-size: 25rpx;
}

.commodity_content .buy_num{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buy_num .num_txt{
    font-size: 26rpx;
    font-weight: 500;
    color: #333333;
}

.buy_num .count_num{
    display: flex;
    align-items: center;
    line-height: 48rpx;
}

.count_num .count_minus{
    border-radius: 10rpx 0 0 10rpx;
    border: 2rpx solid #DFDFDF;
    flex: 1;
}

.count_minus .minus_img{
    width: 14rpx;
    height: 2rpx;
}

.count_num .num{
    text-align: center;
    width: 77rpx;
    height: 53rpx;
    box-sizing: border-box;
    font-size: 30rpx;
    font-weight: 500;
    color: #333333;
    border-top:2rpx solid #DFDFDF;
    border-bottom:2rpx solid #DFDFDF;
}

.count_num .count_add{
    flex: 1;
    border-radius: 0 10rpx 10rpx 0;
    border: 2rpx solid #DFDFDF;
}

.count_add , .count_minus{
    width: 53rpx;
    display: flex;
    align-items: center;
    height: 48rpx;
    justify-content: center;
} 

.count_add .add_img{
    width: 16rpx;
    height: 16rpx;
}

/* 商品金额 */
.orders .commodity_moneyNum{
    padding: 0 30rpx 0 32rpx;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110rpx;
    border-bottom: 17rpx solid #F9F9F9;
}

.commodity_moneyNum .moneyNum_title{
    font-size: 30rpx;
    color: #333333;
    font-weight: 500;
}

.commodity_moneyNum .moneyNum_content{
    line-height: 30rpx;
    color: #FF4E31;
}

.moneyNum_content .money_symbol{
    font-size: 16rpx;
}

.moneyNum_content .money_txt{
    font-size: 30rpx;
}

.moneyNum_content .money_decimal{
    font-size: 26rpx;
}

/* 支付 */
.commodity_pay{
    margin-top: 20rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
}

.commodity_pay .pay_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21rpx 0 25rpx 0;
    box-sizing: border-box;
    border-bottom: 2rpx solid #F4F4F4;
}

.pay_item .item_left{
    display: flex;
    align-items: center;
}

.item_left .wx_img{
    width: 42rpx;
    height: 42rpx;
}

.item_left .balance_img{
    width: 42rpx;
    height: 45rpx;
}

.item_left .item_txt{
    margin-left: 28rpx;
    color: #333333;
    font-size: 30rpx;
}

.pay_item .right_img{
    width: 35rpx;
    height: 35rpx;
}

.pay_item .right_round{
    width: 30rpx;
    height: 30rpx;
    border: 2rpx solid #C9CBCB;
    border-radius: 50%;
}

/* 底部提交 */
.footer{
    border-top: 2rpx solid #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 104rpx;
    position: fixed;
    bottom: 6rpx;
    left: 0;
    right: 0;
    padding: 0 24rpx 0 40rpx;
    box-sizing: border-box;
}

.footer .footer_money{
    line-height: 52rpx;
    color: #FF4E31;
}

.footer_money .money_symbol{
    font-size: 28rpx;
}

.footer_money .money_txt{
    font-size: 52rpx;
}

.footer_money .money_decimal{
    font-size: 36rpx;
}

.footer .footer_buttom{
    width: 234rpx;
    height: 80rpx;
    background: #0BC2AE;
    font-weight: 800;
    color: #FFFFFF;
    font-size: 30rpx;
    border-radius: 40rpx;
    text-align: center;
    line-height: 80rpx;
    margin: 0;
}